<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="layui/layui-v2.6.8/layui/css/layui.css">
    <script src="layui/layui-v2.6.8/layui/layui.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="index.js"></script>
    <style>
        .layui-nav .layui-nav-more {
            display: none;
        }
        
        .layui-nav-child {
            border-radius: 5px;
        }
        
        .layui-nav {
            position: fixed;
        }
    </style>
</head>

<body>
    <div style="min-width: 60%;">
        <div class='header' style="position: fixed;">
            <span class="h_logo">
                <img src="image/logo.png" alt="">
            </span>
            <span class='h_content'>
                <ul>
                    <li class="h_item"  onclick="toIndex()">首页</li>
                    <li class="h_item"  style="color: #4285F4;"onclick="toProduct()">产品介绍</li>
                    <li class="h_item" onclick="toBuy()">购买与服务</li>
                    <!-- <li class="h_item" onclick="toPartner()">合作伙伴</li> -->
                    <li class="h_item">帮助</li>
                    <li class="h_item">
                        <div class="d-btn">免费试用</div>
                    </li>
                </ul>
            </span>
        </div>
    </div>

    <div style="height: 70px;"></div>

    <div class="product">
        <div class="product-banana">
            <ul class="product-nav layui-nav">
                <li class="product-nav-active layui-nav-item" data-id="ric">日常办公
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="product.html#审批流程">审批流程</a></dd>
                        <dd><a href="product.html#工作总结">工作总结</a></dd>
                        <dd><a href="product.html#请假调休">请假调休</a></dd>
                        <!-- <dd><a href="product.html#考勤打卡">考勤打卡</a></dd> -->
                    </dl>
                </li>
                <li class="layui-nav-item" data-id="tuand">团队协作
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="tuand.html#项目管理">项目管理</a></dd>
                        <dd><a href="tuand.html#任务管理">任务管理</a></dd>
                        <dd><a href="tuand.html#岗位任务">岗位任务</a></dd>
                        <dd><a href="tuand.html#协同办公">协同办公</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" data-id="keh">人事在线
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="rens.html#人事档案">人事档案</a></dd>
                        <dd><a href="rens.html#人事流程">人事流程</a></dd>
                        <dd><a href="rens.html#数字化kpi">数字化kpi</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" data-id="rens">领导在线
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="lingd.html#项目数据">项目数据</a></dd>
                        <dd><a href="lingd.html#员工数据">员工数据</a></dd>
                        <dd><a href="lingd.html#人才推荐">人才推荐</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" data-id="xingz">售后及更多
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="shouh.html#云端同步">云端同步</a></dd>
                        <dd><a href="shouh.html#多端同步">多端同步</a></dd>
                        <dd><a href="shouh.html#消息推送">消息推送</a></dd>
                        <dd><a href="shouh.html#专业售后">专业售后</a></dd>
                    </dl>
                </li>
            </ul>
            <div class="product-banana-title-d">
                <p class="product-banana-title-fp">日常办公</p>
                <p class="product-banana-title-sp">日常发起审批、费用报销、考勤打卡、周报月报计划等，提供多款办公应用覆盖团队协作与管理的各个方面。</p>
            </div>
        </div>
    </div>

    <div>
        <a href="javascript:;" name='审批流程' style="position: absolute;transform: translateY(-50vh);"></a>
        <div class="p-shenpi">
            <div class="shenpi-left">
                <div class="shenpi-left-title">
                    </a>审批流程</div>
                <p class="shenpi-left-desc">
                    全面覆盖企业日常各类出差、合同、加班、采购审批等。更可支持各类营销、项目、研发业务流程审批与管理。
                </p>
            </div>
            <div class="shenpi-right"><img src="image/shenp.png" alt=""></div>
        </div>
    </div>

    <div>
        <div class="zongjie">
            <div><img src="image/gongz.png" alt="" style="width: 487px;"></div>
        </div>
        <a href="javascript:;" name='工作总结' style="position: absolute;transform: translateY(-50vh);"></a>
        <div class="zongjie-right">
            <div class="zongjie-right-title">工作总结</div>
            <p class="zongjie-right-desc">
                日、周、月、年阶段性四种周期性的计划与总结模板系统，计划与总结联动，目标管理更有效；点评互动，培养组织相互欣赏，相互促进的企业文化底蕴。</p>
        </div>
    </div>

    <div>
        <div class="kaojin">
            <div class="shenpi-left">
                <a href="javascript:;" name='请假调休' style="position: absolute;transform: translateY(-50vh);"></a>
                <div class="shenpi-left-title">请假调休</div>
                <p class="shenpi-left-desc">
                    事假、病假、丧假、婚假、产假、年假、调休等多种请假类型，系统自动计算剩余请假天数，合理安排工作和休息时间。
                </p>
            </div>
            <div class="shenpi-right"><img src="image/qingj.png" alt=""></div>
        </div>
    </div>

    <!-- <div>
        <div class="zhidu">
            <div><img src="image/zhidu.png" alt="" class="width: 487px;"></div>
            <div class="zhidu-right">
                <a href="javascript:;" name='规章制度' style="position: absolute;transform: translateY(-50vh);"></a>
                <div class="zhidu-title">规章制度</div>
                <p class="zhidu_desc">统一管理公司各类规章制度，提供严格权限控制与阅读审计的员工查询服务。覆盖企业规章制度的起草、审批、校对、发布、取消的全生命周期管理，支持规章制度的版本管理。</p>
            </div>
        </div>
    </div> -->

    <div style="box-sizing: inherit;margin-top: 90px;">
        <div class="i_common_box i_tryout_box">
            <div class="i_tryout">
                <p class="i_tryout_p">手机办公无时无刻，随时随地，自由自在</p>
                <div class="i_tryout_div"><button class="i_tryout_btn">免费试用</button></div>
            </div>
        </div>
        <div class="i_common_box i_about_box">
            <div class="i_about">
                <div class="i_about_info">
                    <p class="i_about_title">产品介绍</p>
                    <div class="i_about_laber">关于i执行</div>
                    <div class="i_about_laber">产品介绍</div>
                </div>
                <div class="i_about_info">
                    <p class="i_about_title">产品介绍</p>
                    <div class="i_about_laber">关于i执行</div>
                    <div class="i_about_laber">产品介绍</div>
                    <div class="i_about_laber">产品介绍</div>
                </div>
                <div class="i_about_info">
                    <p class="i_about_title">常见问题</p>
                    <div class="i_about_laber i_about_tel">
                        <div style="box-sizing: inherit;"></div>
                    </div>
                    <div class="i_about_laber i_about_name">上海爱执行软件科技有限公司</div>
                    <div class="i_about_laber i_about_address">上海市松江区松卫北路567号松港大厦9011号</div>
                </div>
            </div>
        </div>
    </div>

    <div id="showInfo" style="display: none;" class="box">
        <div class="box-title">阿里钉钉联合i执行推出智能OA</div>
        <div class="box-desc">提供50+行业定制方案，超3000万企业员工都在用</div>
        <div class="boxCon">
            <div style="margin-bottom: 20px;position: relative;">
                <span class="err">*</span>
                <span>手机</span>
                <input type="text" placeholder="手机号">
                <span class="err" style="display: none;"></span>
            </div>
            <div class="code">
                <span class="err">*</span>
                <span>验证码</span>
                <input type="text" placeholder="请输入" maxlength="6">
                <div class="but">获取验证码</div>
                <div class="but stop" style="display: none;">s后再发送</div>
            </div>
        </div>
        <div style="margin-bottom: 20px;position: relative;">
            <span class="err">*</span>
            <span>姓名</span>
            <input type="text" placeholder="请输入">
            <span class="err" style="display: none;"></span>
        </div>
        <div style="margin-bottom: 20px;position: relative;">
            <span class="err">*</span>
            <span>企业</span>
            <input type="text" placeholder="请输入">
            <span class="err" style="display: none;"></span>
        </div>
        <div class="errMessage"></div>
        <div class="boxFoot">免费体验</div>
    </div>

    <script type='text/javascript'>
        (function(a, b, c, d, e, j, s) {
            a[d] = a[d] || function() {
                (a[d].a = a[d].a || []).push(arguments)
            };
            j = b.createElement(c),
                s = b.getElementsByTagName(c)[0];
            j.async = true;
            j.charset = 'UTF-8';
            j.src = 'https://static.meiqia.com/widget/loader.js';
            s.parentNode.insertBefore(j, s);
        })(window, document, 'script', '_MEIQIA');
        _MEIQIA('entId', 'bc2226bf0f46c55c709c6da77e2f09aa');
    </script>

    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function() {
            var element = layui.element;

            //…
        });
    </script>

</body>

</html>